﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Wijmo/Views/Shared/ViewMasterPage1.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Popup
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="unicorn">
        <hr />
        Popup Demo
        <hr />
    </div>
    <div>
        <input name="TextBox1" type="text" id="TextBox1" />
        <input type="button" id="Button4" onmouseover="popupbeside();" value="popup" />
    </div>
    <script type="text/javascript">
        $(function () {
            $("#unicorn").wijpopup({
                autoHide: true,
                position: {
                    of: $('#TextBox1'),
                    offset: '0 4',
                    hideDuration: 400,
                    showDuration: 400,
                    hideEffect: 'blind',
                    showEffect: 'blind'
                }
            });

        });

        function popupbeside() {
            $("#unicorn").wijpopup('show');
        }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderCss" runat="server">
    <link href="<%=Html.AreaCssPath("Wijmo") %>base-reset.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolderScript" runat="server">
    <script src="<%=Html.AreaScriptPath("Wijmo") %>wijmo/jquery.ui.wijpopup.js" type="text/javascript"></script>
</asp:Content>
